/* 1、需要对象：设置不同颜色（奇偶行、鼠标移入行）
   2、显示文字：记录选中的数字
   3、第一个复选框：全选反选
   4、每行的复选框：单个选中或取消
   5、删除功能*/
  
  // 获取元素对象
  var body=document.getElementById('body');
  // 每一行
  var trs=body.getElementsByTagName('tr');
  // 每行前面的复选框
  var cb=body.getElementsByTagName('input');
  // 删除按钮
  var del=document.getElementById('btnDeleted');
  // 全选/反选 复选框
  var all=document.getElementById('all');
  // 最上面一行文字
  var txt = document.getElementById("txt");
  
  // 1、自定义对象：设置不同颜色（奇偶行、鼠标移入行）
  // 该对象包含：3个属性分别设置3种颜色，1个方法：给传入的参数对象设置颜色
  var RowsColor={
  	/*odd:"gray",
  	even:"white",
  	selected:"red", */ 	
  	setColor:function(trs){
  		// 循环操作每一行
  		for(var i=0; i<trs.length;i++){
  			// 定义奇偶行原来的颜色
  			trs[i].originColor=(i%2==0?"white":"gray");
  			// 设置奇偶行颜色
  			trs[i].style.background=trs[i].originColor; 			
  			// 鼠标移入颜色
  			trs[i].onmouseover=function(){
  				this.style.background="red";
  			};  			
  			// 鼠标移出颜色：原来的颜色
  			trs[i].onmouseleave=function(){
  				this.style.background=this.originColor;
  			}
  		}  		
  	}
  };
  
  // 设置每一行颜色（3种）
  RowsColor.setColor(trs);
  displayNumber();
  all.onclick=allselect;
  for(var i=0;i<cb.length;i++){
  	cb[i].onclick=function(){
  		displayNumber();
  	}
  }
  
  
  
  
  
  
  
  
  
  
  
